<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">


<h:head>

<style type="text/css">
	*{
		font-family: "wf_SegoeUI","Segoe UI","Segoe","Segoe WP","Tahoma","Verdana","Arial","sans-serif";
		font-size: 8pt;
		line-height: 1.5
	}

	.ui-layout-north .ui-layout-unit-content {
	    overflow:visible !important;
	}
	
	.ui-layout-unit-content{
		overflow: hidden
	}
</style>

</h:head>
	<h:body>
		<h:form id="frmContabilidad">	
		<p:growl id="messages" showDetail="true" />
		<p:confirmDialog id="confirmDialog" message="Esta seguro que desea eliminar?" header="Advertencia" widgetVar="confirmDlg" appendToBody="true">
			<p:commandButton id="confirm" value="Si" update="messages :frmContabilidad:arbolCuentas" oncomplete="confirmDlg.hide()" actionListener="#{PUC.eliminarCuenta}"/>
            <p:commandButton id="decline" value="No" onclick="confirmDlg.hide()" type="button" /> 
		</p:confirmDialog>
		<p:layout fullPage="true" >
                <p:layoutUnit id="top" position="north">
                    <p:menubar autoSubmenuDisplay="true">
	                        <p:submenu label="Archivo" icon="ui-icon-open">
	                            <p:menuitem value="Salir" url="#"/>
	                        </p:submenu>
	                        <p:submenu label="Sistema" icon="ui-icon-document">
	                            <p:menuitem value="Tipo" url="#"/>
	                        </p:submenu>
	                        <p:submenu label="Cuentas" icon="ui-icon-document">
	                            <p:menuitem value="PUC" onclick="dlg.show()" />
	                        </p:submenu>
	                        <p:submenu label="Ayuda" icon="ui-icon-help">
	                            <p:menuitem value="Acerca de" url="#"/>
	                        </p:submenu>
                    </p:menubar>
					<p:toolbar>
						<p:toolbarGroup align="left">  
							<p:commandButton type="button" title="Abrir" icon="ui-icon-folder-open"/>
							<p:commandButton type="button" title="Editar" icon="ui-icon-edit"/>
						</p:toolbarGroup>
					</p:toolbar>
               </p:layoutUnit>
               <p:layoutUnit position="south">
               		<p:panel> 
               			<h:outputText value="Estado: Conectado" />
               		</p:panel>
               </p:layoutUnit>
                <p:layoutUnit id="center" position="center" >

	                	<p:layout style="height: 400px" resizeTitle="Redimensionar">
	                		<p:layoutUnit position="west" resizable="true" >
	                			<p:tree id="arbolCuentas" value="#{PUC.root}" var="nodo" selectionMode="single" selection="#{PUC.selectedNodes}" dynamic="true" cache="false">
									<p:ajax listener="#{PUC.onNodeSelect}" event="select" update=":frmContabilidad:pnlDatos"/>
	                				<p:treeNode>
	                					<h:outputText  value="#{nodo}" />
	                				</p:treeNode>
	                			</p:tree>
	                		</p:layoutUnit>
	                		<p:layoutUnit position="center"  style="width: 600px">
		                			<p:panelGrid id="pnlDatos" columns="2" style="width: 100%">
		                				<p:outputLabel for="ctaIdCuenta" value="Codigo" />
		                				<p:inputText id="ctaIdCuenta" value="#{PUC.cta.idCuenta}" readonly="true" />
		                				
		                				<h:outputLabel value="Padre" />
										<p:selectOneMenu value="#{PUC.selectedCuenta.idCuenta}" >	
											<f:selectItem itemLabel="Seleccione uno..." itemValue="0"/>
											<f:selectItems value="#{PUC.cuentas}" itemValue="#{ctas.idCuenta}" itemLabel="#{ctas}" var="ctas" />
										</p:selectOneMenu>
		                				
		                				<h:outputLabel for="ctaNombre" value="Nombre"/>
		                				<p:inputText id="ctaNombre" value="#{PUC.cta.nombre}" />
		                				
		                				<h:outputLabel value="Descripcion" for="ctaDescripcion" />
		                				<p:inputText id="ctaDescripcion" value="#{PUC.cta.descripcion}" />
		                			</p:panelGrid>
	                		</p:layoutUnit>
	                		<p:layoutUnit position="south" size="60">
		                			<p:toolbar >
		                				<p:toolbarGroup align="center">
		                					<p:commandButton title="Nuevo" icon="ui-icon-document" update=":frmContabilidad:pnlDatos :frmContabilidad:arbolCuentas" actionListener="#{PUC.nuevaCuenta}"  />
	          						        <p:commandButton title="Adicionar" icon="ui-icon-disk" update="messages :frmContabilidad:pnlDatos :frmContabilidad:arbolCuentas" actionListener="#{PUC.adicionarCuenta}"/>
	          						        <p:commandButton title="Editar" icon="ui-icon-pencil" update="messages :frmContabilidad:pnlDatos :frmContabilidad:arbolCuentas" actionListener="#{PUC.modificarCuenta}" />
	          						        <p:commandButton type="button" title="Borrar" icon="ui-icon-trash" onclick="confirmDlg.show()" />
		                				</p:toolbarGroup>
		                			</p:toolbar>
	                		</p:layoutUnit>
	                	</p:layout>

                </p:layoutUnit>
		</p:layout>
		</h:form>
	</h:body>
</html>
